Applying Bootstrap Grid System

Question:

Start Quiz:

Solution:

INSTRUCTOR NOTE:

bootstrap-prestructure.html is in the .zip file found in the Supporting Materials found at the bottom of this page. Click the links to download the bootstrap-prestructure.zip file and the bootstrap-solution.zip file. Move the .zip files to your local files, and extract the zip files.

To apply the bootstrap CSS to the bootstrap-prestructure.html file:

Move the bootstrap-prestructure.html file to your bootstrap directory.

Open the HTML file and within the head element below the meta element add a link to the bootstrap CSS file:

<link rel="stylesheet" href="css/bootstrap.min.css">

Instructions on how to use Developer Tools Shortcuts:

https://developer.chrome.com/devtools/docs/shortcuts#opening-devtools

To save the changes you make to the HTML in Developer Tools to your HTML file, right-click or ctrl-click on the <html> element, and select 'Copy as HTML.' Then replace the HTML in your file with the copied text.

Next Concept